<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>AMKN - Adaptation and Mitigation Knowledge Network</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>

<body>

<div id="header" class="header-page">
<div class="logos">
<img class="amkn_logo" src="images/amkn.gif" alt="AMKN logo" />
<img class="ccafs_logo" src="images/ccafs.gif" alt="CCAFS logo" />
</div><!-- end logos -->

<div id="right-header">
<div class="navbar">
<ul class="navigation">
<li><a href="#">Home</a></li>
<li class="current"><a href="/about">About</a></li>
</ul>
<form action="#" id="searchform" method="get"><input type="text" value="" id="searchbar" name="s"><input type="submit" value="Search" id="searchsubmit"></form>
</div><!-- end navbar -->
</div><!-- end right-header -->
</div> <!-- end Header -->

<!-- end header.php section -->

<div id="container">


<div id="sidebar">

<div class="sidemap">
<img src="images/smallmap-placeholder.jpg" />
<ul class="sidemap-list">
<li><span class="sidemap-labels">Country:</span> unde omnis</li>
<li><span class="sidemap-labels">Village:</span> inventore</li>
<li><span class="sidemap-labels">Geocoordinates:</span> quia voluptas sit</li>
<li><span class="sidemap-labels">Nearest site:</span> <a href="#">site</a></li>
<ul>
</div>



<div class="side-more">

<ul class="side-more-list">
<li><img src="images/tab-video.png" /></li>
<li><img src="images/tab-photo.png" /></li>
<li><img src="images/tab-post.png" /></li>
</ul>

<div class="more-item">
<img src="images/smallvideo-placeholder.jpg" />
<a href="#"><span class="button-sidebar-more">View all video</span></a>
</div>

</div>

<a href="#"><span class="button-sidebar ">Browse the map</span></a>


<div class="side-follow">
<h3 class="sidefollow">Follow</h3>
<ul class="side-followlist">
<li><a href="#"><img alt="Twitter" src="images/twitter.png"></a> Twitter</li>
<li><a href="#"><img alt="RSS Feed" src="images/rss.png"></a> Rss Feed</li>
</ul>
</div><!--end sidefollow -->
</div><!--end sidebar -->


<div class="content">

<h2 class="title">Preview Ruth</h2>
<div class="video">
<img src="images/video-placeholder.jpg" alt="video placeholder" width="683"/>
</div>
<h3>About this video</h3>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>

<h3 class="videolabels">Climate change threats:</h3>
<h3 class="videolabels">Adaptation strategies:</h3>
<h3 class="videolabels">Mitigation:</h3>
<h3 class="videolabels">Agroecological zone:</h3>
<h3 class="videolabels">Farming systems:</h3>


</div><!-- end content -->


</div><!-- end Container -->

<!-- footer starts here -->

<div id="footer" class="footer-page">
<ul class="footerlogos">
<li><a href="#"><img src="images/logo1.png" alt="CIAT"/></a></li>
<li><a href="#"><img src="images/logo2.png" alt="logo2"/></a></li>
<li><a href="#"><img src="images/logo3.png" alt="logo3"/></a></li>
</ul>


<div class="credits"><a href="#">Disclaimer Credits</a></div>
</div><!-- end Footer -->

</body>
</html>